﻿$(document).ready(function () {
    /* DATOS PERSONALES*/
    $("#cabeceraDP").hover(function () {
        $("#cabeceraDP").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraDP").css("backgroundColor", "#B64440")
    });


    /* CUESTIONARIO*/

    $("#cabeceraCU").hover(function () {
        $("#cabeceraCU").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraCU").css("backgroundColor", "#B64440")
    });

    /* ATENCIONES*/

    $("#cabeceraAT").hover(function () {
        $("#cabeceraAT").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraAT").css("backgroundColor", "#B64440")
    });

    /* ODONTOGRAMA*/

    $("#cabeceraOD").hover(function () {
        $("#cabeceraOD").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraOD").css("backgroundColor", "#B64440")
    });

    /* CONTROL DE PLACA*/

    $("#cabeceraCP").hover(function () {
        $("#cabeceraCP").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraCP").css("backgroundColor", "#B64440")
    });

    /* PERIODONTOGRAMA*/

    $("#cabeceraPD").hover(function () {
        $("#cabeceraPD").css("backgroundColor", "#F30000")
    }, function () {
        $("#cabeceraPD").css("backgroundColor", "#B64440")
    });


    /*CLICK EN LAS PARTES*/

    $("#cabeceraDP").click(function () {
        manejarExpandyColaps("DP");
    });

    $("#cabeceraCU").click(function () {
        manejarExpandyColaps("CU");
    });

    $("#cabeceraAT").click(function () {
        manejarExpandyColaps("AT");
    });

    $("#cabeceraOD").click(function () {
        manejarExpandyColaps("OD");
    });

    $("#cabeceraCP").click(function () {
        manejarExpandyColaps("CP");
    });

    $("#cabeceraPD").click(function () {
        manejarExpandyColaps("PD");
    });
});


/*Manejador*/
function manejarExpandyColaps(caso) {
    if ($("#cuerpo" + caso).is(':visible')) {
        $("#cuerpo" + caso).hide("slow");
        $("#flecha" + caso).css("background-image", 'url("img/FlechasColapsarDiv/expand.jpg")');
    }
    else {
        $("#cuerpo" + caso).show("slow");
        $("#flecha" + caso).css("background-image", 'url("img/FlechasColapsarDiv/collapse.jpg")');
    }
}

$(document).ready(function () {
    /*OCULTAR TODO MENOS DATOS PERSONALES */
    $("#cuerpoCU").hide();
    $("#cuerpoAT").hide();
    $("#cuerpoOD").hide();
    $("#cuerpoCP").hide();
    $("#cuerpoPD").hide();
});